<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>范客生活订单处理通知邮件</title>
<style>
* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
	font-family: "Microsoft YaHei", "微软雅黑";
	padding: 0px 5px;
}

.wrap {
	width: 750px;
	margin: 0px auto;
}

.title {
	height: 80px;
	border-bottom: 1px solid #dbdbdb;
}

.title img {
	height: 60px;
	padding-top: 10px
}

.text1 {
	width: 690px;
	line-height: 1.5;
	font-size: 14px;
	margin-bottom: 25px;
	color: #4d4d4d;
	margin-top: 40px;
	margin-left: 0;
}

.text1 strong {
	display: block;
	margin-bottom: 15px;
}

.text3 {
	font-size: 12px;
	color: #848484;
	line-height: 20px;
	width: 690px;
	margin: 0px auto;
	display: block;
	clear: both;
	padding-top: 50px;
}

.text3 strong {
	color: #6c6c6c;
	display: block;
}

.footer {
	padding: 20px 0 0;
	border-top: 1px solid #ccc;
	color: #999;
	margin-bottom: 20px;
	line-height: 1.3em;
	font-size: 12px;
	margin-top: 10px;
}

.wrap p a {
	color: #0088cc;
	text-decoration: none;
}

.orderInfo {
	display: block;
	width: 690px;
	margin: 50px auto;
}

.orderInfo .orderTit {
	font-size: 18px;
	color: #767676;
	font-family: "Microsoft YaHei", "微软雅黑";
	line-height: 33px;
}

.orderInfo1 {
	font-size: 14px;
	color: #777375;
	line-height: 33px;
}

.orderInfo1 p {
	float: left;
	margin-right: 50px;
}

table {
	display: table;
	clear: both;
	border: 1px solid #ccc;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: "Microsoft YaHei", "微软雅黑";
}

table tr th, td {
	width: 120px;
	display: table-cell;
}

.Tabletitle {
	background: #e6ae06;
	height: 45px;
	line-height: 45px;
	color: #fff;
	font-size: 14px;
}

.Tabletitle th {
	text-align: center;
	border-left: 1px solid #ccc;
}

table tr .orderName {
	width: 197px;
	padding: 30px 5px;
	border: none;
}

.Tablelist td {
	text-align: center;
	border-left: 1px solid #ccc;
	padding: 30px 0px;
}

.orderInfo2 {
	padding-top: 10px;
	font-family: "Microsoft YaHei", sans-serif;
}

.orderInfo2 .orderPay {
	float: left;
}

.orderInfo2 .orderMoney {
	float: right;
}

.orderPay p {
	font-size: 14px;
	color: #777375;
	line-height: 25px;
}

.orderMoney {
	font-size: 14px;
	color: #777375;
	line-height: 40px;
	text-align: right;
}

.orderMoney p span {
	color: #de1111;
	font-size: 50px;
}
</style>
</head>

<body>
	<div class="wrap">
		<div class="title">
			<img src="http://www.faxsun.com/shop/img/logo_red.png" />
		</div>
		<p class="text1" th:unless="${isAllTreasure}">
			<strong>亲爱的 <span th:text="${customer.firstName}"> 用户</span>，您好！
			</strong> 我们已收到您的订单！感谢您在 <a href="http://www.faxsun.com/shop/" target="_blank">
				范客生活 </a>购物！我们将尽快为您发货，届时您将收到一封发货通知邮件。您还可以前往我的订单查询您的订单。
		</p>
		<p class="text1" th:if="${!isAllTreasure and isTreasure}">
			您订单中包含夺宝商品，请关注我们的开奖信息，如成功夺得宝物，我们将另行联系您，届时您将收到一封发货通知邮件。
		</p>
		<p class="text1" th:if="${isAllTreasure}">
			<strong>亲爱的 <span th:text="${customer.firstName}"> 用户</span>，您好！
			</strong> 我们已收到您的夺宝订单！请关注我们的开奖信息，如成功夺得宝物，我们将另行联系您，届时您将收到一封发货通知邮件。感谢您在 <a href="http://www.faxsun.com/shop/"
				target="_blank">范客生活</a>
			参与夺宝！您还可以前往<a
				href="https://www.faxsun.com/shop/login">我的订单</a>查询您的订单。
		</p>
		<div class="orderInfo">
			<strong class="orderTit">订单详情：</strong>
			<div class="orderInfo1">
				<p class="orderNum">
					订单号：<span th:text="${orderNumber}"></span>
				</p>
				<p class="orderTime">
					订单日期：<span
						th:text="*{#dates.format(order.submitDate, 'MM-dd-yyyy')}" />
				</p>
			</div>
			<table width="690" border="0">
				<tr class="Tabletitle">
					<th class="orderName">商品名称</th>
					<th>数量</th>
					<th>价格</th>
					<th>优惠</th>
					<th>小计</th>
				</tr>
				<tr class="Tablelist" th:each="item : ${order.discreteOrderItems}"
					th:object="${item}" th:id="${'productRow' + item.id}">
					<td class="orderName" th:text="*{product.name}">a</td>
					<td th:text="*{quantity}">10</td>
					<td
						blc:fsprice="${item.totalPrice.add(item.calculatedShippmentFee).divide(item.quantity)}">100</td>
					<td th:if="*{adjustmentValue.zero}">---</td>
					<td th:unless="*{adjustmentValue.zero}">---</td>
					<td blc:fsprice="*{totalPrice.add(calculatedShippmentFee)}">300</td>
				</tr>
			</table>
			<div class="orderInfo2">
				<div class="orderPay">
					<p>
						收货地址 : <span th:object="${order.fulfillmentGroups[0]}"
							th:inline="text"
							th:unless="${#lists.size(order.fulfillmentGroups) > 1}">
							<address
								th:unless="*{type?.type == 'GIFT_CARD' or type?.type == 'DIGITAL' or type?.type == 'PHYSICAL_PICKUP'}">
								[[*{address.country.name == null ? '' :
								address.country.name}]]&nbsp;[[*{address.state?.name == null ?
								'' : address.state?.name}]] &nbsp;[[*{address.addressLine2 ==
								null ? '' : address.addressLine2}]]&nbsp;
								[[*{address.addressLine1 == null ? '' :
								address.addressLine1}]]&nbsp;</address>
						</span>
					</p>
					<p>支付方式：在线支付</p>
					<p>配送方式：上门快递</p>
				</div>
				<div class="orderMoney">
					<p>
						小计：<span blc:fsprice="${order.total}"></span> 运费：<span>￥0.00</span>
					</p>
					<p>
						订单总计：<span blc:fsprice="${order.total}"></span>
					</p>
				</div>
			</div>
		</div>
		<p class="text3">
			<strong>重要说明：</strong>本邮件仅表明销售方已收到了您提交的订单；销售方收到你的订单信息后，只有在销售方将您的订单中订购的商品从仓库实际直接向您发出时（以商品出库为标志），方视为您与销售方之间就实际直接向您发出的商品建立了合同关系；
			如果您在一份订单里订购了多种商品并且销售方只给您发出了部分商品时，您与销售方之间仅就实际直接向您发出的商品建立了合同关系；只有在销售方实际直接向您发出了订单中订购的其他商品时，您和销售方之间就订单中该其他已实际直接向您发出的商品建立了合同关系。
			您可以随时登陆您在 <a href="http://www.faxsun.com/shop/" target="_blank">范客生活</a>注册的账户，查询您的订单状态。更多内容请见最新的范客生活网站用户注册协议及范客生活网站各类购物规则，我们建议您不时地浏览阅读。
		</p>
		<div class="footer">
			系统邮件，请勿回复！
			<p style="margin-top: 20px">
				如您遇到问题，请通过客服邮箱（<a href="mailTo:service@faxsun.com">service@faxsun.com</a>）将问题和意见反馈给我们。或者拨打我们的客户服务热线
				400-021-0222（工作日9:00-18:00）
			</p>
			<p style="text-align: center; padding-top: 10px;">
				范客生活 Copyright© 2015 <a href="http://www.faxsun.com/shop"
					target="_blank">www.faxsun.com/shop</a>
			</p>
		</div>
	</div>
</body>
</html>
